<html>
<head>
<title>Simple VoIP answering machine by Ericson and Changsu</title>

<style type="text/css">
.alignTopLeft {
  text-align: left; 
  vertical-align: top; 
  display: block; 
  width: 8em; 
  float: left;
} 

.padding{ 
  display: block; 
  width: 8em; 
  float: left;
}

.formstyle {
  border : 1px solid #000;
  background-color : #ffc;
  padding : 5px;
} 
</style>

<script language="javascript" type="text/javascript">
<!--
function limitText(limitField, limitNum)
{
    if(limitField.value.length > limitNum) {
        alert("The message is to long. Must be under 10000 characters!");
        limitField.value = limitField.value.substring(0, limitNum);
    }
}
</script>

</head>

<body class="formstyle">
<font size="5">Text-to-speech input interface</font><br/>
<br/>
You can input the message to be stored in the form below.<br/>
<br/>
<form action="/record" method="post">
<div>
<label class="alignTopLeft" for="message">Message: </label><br/>
<textarea name="message" cols="70" rows="3" onKeyDown="limitText(this, 1000);"></textarea><br/>
<input type="submit" value="Submit"> &nbsp; <input type="reset" value="Clear form">
</form>
</div>
<br/>
Manage <a href=/manage>stored message</a>.
</body>
</html>
